@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-order,.m-clientInfo{
  background: $cbMainf5;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  position: absolute;
  width: 100%;
  .cInfoHead{
    background: #fff;
    height: $_140;
    width: 100%;
    .cheadPic{
      height: $_80;
      width: $_80;
    }
  }
  .clientPic{
    margin: 1rem 0;
  }
  .infoContent{
    margin-left: $_20;
    width: 100%;

  }
  .editInput{
    width: 2rem;
  }
  .infoMiddle{
    margin: 0 $_20;
  }
  .clientInfo{
    width: 100%;
    height: calc(100% - #{$navHeight});
    position: absolute;
  }
  .clientForm{
    text-align: center;
    .btnN{
      border: none;
      margin-bottom: $_20;
    }
    span{
      font-size: $_14;
    }
    div{
      font-size: $_14;
    }
    input{
      font-size: $_14;
      text-align: right;
    }
    .addressLi{
      height: 1.6rem;
      .editPend{
        height: 0.76rem;
      }
    }
    .inputL{
      width: 60%;

    }
    .biHead{
      height: $_50;
      width: 100%;
    }
    .address{
      font-size: $_14;
      width: 70%;
      height: 100%;
    }
  }
  .baseInfo{
    width: 100%;
  }
  .infoLi:nth-child(1){
    margin-top: $_20;
  }
  .tagLi{
    min-height: $_45;
    height: auto!important;
    .liText{
          white-space: nowrap;
    }
    .liR{
       min-height: $_45;
      margin-bottom: $_10;
      background: url(../img/common/select-right.png) no-repeat 98%;
    background-size: .2984rem 0.5968rem;
    }
    .Tag{
        padding: 0 $_5;
        text-align: center;
        min-width: $_50;
        height: $_25;
        line-height: $_25;
        margin: $_10 $_7 0 $_7;
        border: $_1 solid #8694A9;
        border-radius: $_4;
      }
  }
  .infoLi{
    background: #fff;
    height: $_45;
    display: flex;
    align-items: center;
    width: 100%;
    .liText{
      font-size: $_16;
      color: #5D6061;
      margin: 0 $_15;
      font-weight: 100;
    }
    .liR{
      margin-right: $_10;
      border-bottom: $_1 solid #D8D8D8;
      width: 10rem;
      height: 98%;
      padding-right: 6%;
      .sex{
        font-size: $_14;
        width: calc(49% - #{$_25});
        background: url('../img/common/btn_sex.png') no-repeat;
        padding-left: $_25;
        background-size: $_18;
      }
      .sex.active{
        background: url('../img/common/btn_sex_checked.png') no-repeat;
        background-size: $_18;
      }
    }
    .selectIcon{
      background: url('../img/common/select-right.png') no-repeat 98%;
      background-size: $_8 $_16;
    }
    .dfl{
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    
  }
  .infoLi:nth-child(2) .liR{
    height: 96%;
  }
  .infoLi:nth-child(7) .liR{
      border-bottom: none ;
  }
  .textAreaD{
    background: #fff;
    box-shadow: 0 $_2 $_7 0 rgba(205,210,212,0.50);
  }
  .textArea{
    width: calc(100% - #{$_30});
    border:none;
    color:#979797;
    font-size: $_14;
  }
  .warnLeft{
    position: absolute;
    bottom: $_33;
    right: $_6;
    color: rgba(0,0,0,.5)
  }
  .addressD {
    margin: 0 $_15;
    padding:$_15 0;
    border-top: $_1 solid #D8D8D8; 
    margin-top: $_1;
    height: $_60;
  }
 .medical{
  padding:$_15;
  height: $_103;
  margin: $_20 0 ;
  box-shadow: 0 $_2 $_7 0 rgba(205,210,212,0.50);
 }
  .cSexSelect{
    padding-left: 0.7rem;
  }

  .inputCtrlR1{
    border: #d8d8d8 1px solid;
    width: 60%;
    height: 1rem;
    border-radius: 0.5rem;
  }
  .clientTags{
    min-height: $_50;
    background: #fff;
    .clientTagInfo{
      position: relative;
      margin: 0.0746rem 0.1119rem;
      color: #fff !important;
      border: none !important;
      border-radius: $_1;
}
    .deleteBtn {
      background: url(../img/user/delete-icon-mini.png) no-repeat;
      background-size: $_15 $_15;
      width: $_15;
      height: $_15;
      top: 0.25rem;
      right: -0.8rem;

    }
    .addTag{
      margin-left: 0.9rem ;
    }
}
.userTag{
margin-left: $_10;
}
.addTag{
height: $_20;
width: $_20;
background: url('../img/user/add-icon.png') no-repeat;
background-size: $_20;
margin-left: $_10;
}
.btn_xl_green{
margin-top: $_20;
}
.clientTag{
margin: $_2 $_8 !important;
}
}
.m-addTag{
  .title{
    font-size:$_18;
    color:#585859;
    margin:   $_10 0;
    letter-spacing: $_2;
  }
  .tagDiv{
    .tag{
      margin: $_10 $_15 $_10 0;
    }
    .hint{
      text-align: center;
      font-size: $_14;
      color: #838586;
      letter-spacing: $_1;
    }
  }
}